<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
    <title>微信会员</title>
    <script type="text/javascript" src="js/jquery-1.8.3.min.js"></script>
    <style>
        body{ width: 100%; margin: 0; padding: 0; font-family: '微软雅黑';}
		body p{ color:#949494; font-size:14px; padding-left:10px;}
        input::-ms-input-placeholder{text-align: center;}
        .top_bor{border-radius: 8px; padding-bottom: 20px;  border: 1px solid #C9C9C9; color: aliceblue; width: 94%; margin-left: 3%; margin-top: 3vw;}
		.top{ background-image: url(images/hyrk_bgimg.png); background-size: 100% 100%;float: left; color: #666666; width: 94%; margin-left: 3%; margin-top: 10px; height: 180px;text-align:center; font-size:4vw; font-weight:bold; float: left;}
        .top img{border: 1px solid #666666;border-radius: 20vw;  width: 20vw;}
		.main{margin-top:18px; background-color:#FFF; margin-bottom: 50px;}
		.list { width:94%; margin-left: 3%; list-style-type:none;height:44px;border-radius: 8px; border:1px solid #ccc;overflow:hidden; margin-top: 10px;}
		.Icon{ display:block; float:left; width:35px; height:35px; position:absolute; margin-top:6px;margin-left:3%}
		.icon1 {background-image: url(images/hyrk_icon01.png);background-repeat: no-repeat; background-size:33px}
		.icon2 {background-image: url(images/hyrk_icon02.png);background-repeat: no-repeat; background-size:33px}
		.icon3 {background-image: url(images/hyrk_icon03.png);background-repeat: no-repeat; background-size:33px}
		.icon4 {background-image: url(images/hyrk_icon04.png);background-repeat: no-repeat; background-size:33px}
		.icon5 {background-image: url(images/hyrk_icon05.png);background-repeat: no-repeat; background-size:33px}
		.icon6 {background-image: url(images/hyrk_icon06.png);background-repeat: no-repeat; background-size:33px}
		.icon7 {background-image: url(images/hyrk_icon07.png);background-repeat: no-repeat; background-size:33px}
		.list a:link,a:visited,a:hover,a:active{text-decoration: none;color: black;}
		.list a dl{margin-left: 12%; height:100%;margin-top:0px;margin-top:0px;}
		.list a dl dt {float: left;font-size: 16px; color: #666; padding-top:11px;}
		.list a dl dd { padding-top:13px;font-size: 12px; height:30px;font-size:10px;color:#949494;float: right; background: url(images/user_transaction/wxhy_icon_arrow.png) no-repeat right center;background-size: auto 20px; background-position:center right;margin-right:5%;padding-right: 20px;}
		dt{ padding-left:10px;}
    </style>
</head>
<body>
   
   <div class="top_bor">
       <div class="top">
    	<img src="images/user_transaction/wxhy_pohto.png" style="margin-top:5vw;"/>
        <div>微信昵称</div>
        <div>ID:WX123456</div>
      </div>
   </div>
    
    <div class="main">
        <div class="list" style="border-top:1px solid #ccc;">
            <a href="infochange.html">
                <em class="Icon icon1"></em>
                <dl>
                    <dt>会员信息</dt>
                    <dd><span>查看会员信息</span></dd>
                </dl>
            </a>
        </div>
        <div class="list">
            <a href="user_jifen.html">
                <em class="Icon icon2"></em>
                <dl>
                    <dt>积分查询</dt>
                    <dd>查看积分</dd>
                </dl>
            </a>
        </div>
        <div class="list">
            <a href="xfcheck.html">
                <em class="Icon icon3"></em>
                <dl>
                    <dt>消费记录</dt>
                    <dd>查看消费记录</dd>
                </dl>
            </a>
        </div>
        <div class="list">
            <a href="user_yue.html">
                <em class="Icon icon4"></em>
                <dl>
                    <dt>账户余额</dt>
                    <dd>0元</dd>
                </dl>
            </a>
        </div>
        <div class="list">
            <a href="user_youhuiquan.html">
                <em class="Icon icon5"></em>
                <dl>
                    <dt>可用消费券</dt>
                    <dd>查看消费券</dd>
                </dl>
            </a>
        </div>
        <div class="list">
            <a href="index.html">
                <em class="Icon icon6"></em>
                <dl>
                    <dt>微订单</dt>
                    <dd>&nbsp;</dd>
                </dl>
            </a>
        </div>
        <div class="list">
            <a href="user_order_list.html">
                <em class="Icon icon7"></em>
                <dl>
                    <dt>我的订单</dt>
                    <dd>&nbsp;</dd>
                </dl>
            </a>
        </div>
    </div>
    <script>
           $(function(){ 
　　
  $(".top").css("height",$(window).width()*0.94*0.94/2.17);
               
  $(".top_bor").css("height",$(window).width()*0.94*0.94/2.17);
}); 
           
        </script>
</body>
</html>